<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>字体的样式</title>
</head>
<style>
    p {
        /* font-family: 微软雅黑; */
        font-weight: normal;
        font-style: italic;
        font-variant: small-caps;
        font: italic bold small-caps 20px ;
        
    }
</style>

<body>
    <!--

    font-family： 
        文字的字体，不同浏览器默认的字体是不一致的
        - 有的字体只支持中文，有的只支持英文
        - 不同字体之间用 , 隔开
        - 字体来源于客户端的计算机，如果计算机中没有该字体，则会显示下一个字体，或者字体丢失
    font-weight：
        文字的粗细
        -  normal,正常字体（默认值），数值为400
        -  bold ,加粗字体
        取值也可以是数字，100-400，字体粗细来源于客户端计算机的字体库，故有时候 可能几个不同数值之间没啥差异
    font-style:
        文字的样式之斜体
        - normal,正常字体（默认值)
        - italic 斜体
    font-variant:
        是否将小写字母大写化，并缩小字体
        - normal,正常字体（默认值)
        - small-caps,将小写字母大写化，并缩小字体大小
    font 以上样式可在一个样式表中书写,
        font: italic bold small-caps 20px 微软雅黑;
        - 字体和大小是必须写
        - 字体（"微软雅黑..."）是需要放在最后一位
        - 除了字体，其他几个属性是可以随意调换位置
    -->

    <p>
        这是一些文字，里面包含一些英文，比如ABD dasdas asd ad
    </p>
</body>

</html>